<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String basePath1 = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+"/";
String language=request.getParameter("hl");
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html >
  <c:set var="loc" value="en_US"/>
  <%if(language!=null && language.equals("zh")){ %>
  	<c:set var="loc" value="<%=language %>"/>
  <%} %>
  <fmt:setLocale value="${loc}" />
	
  <fmt:bundle basename="app">
  <head>
<link rel="stylesheet" href="<%=basePath1%>js/jquery.mobile-1.0rc2.min.css" />
<link rel="stylesheet" href="<%=basePath1%>css/games_details.css" />
<script type="text/javascript" src="<%=basePath1%>js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="<%=basePath1%>js/UI.js"/>
<script src="<%=basePath1%>js/jquery.mobile-1.0rc2.min.js"></script>
</head>

<body>
<!--page start-->
<div data-role="page" class="out_box" id="page1">

  <!--header start-->
  <div data-role="header" id="header">
    <ul id="header_list">
       <li id="list1">logo</li>
       <li id="list2">
         <span id="left_button" class="public_button">Tolls</span>
         <span id="right_button" class="public_button">Games</span>
       </li>
       <li id="list3">share</li>
       <li id="list4">weibo</li>
    </ul>
  </div> 
  <!--header end-->
  
  <!--content start-->
  <div data-role="content" id="content">
  
    <!--content_top start-->
    <div id="content_top">
      <h1 class="left_title">zynga&nbsp;&nbsp;poker</h1>
      <div class="right_button">Start</div>
    </div>
    <!--content_top end-->
    
    <div id="banner"><img src="<%=basePath1%>image/iphone/games_details/phone_game_con_pic.png" /></div>
    
    <div id="ranking">
       <ul id="star">
         <li class="star_color"></li>
         <li class="star_color"></li>
         <li class="star_color"></li>
         <li class="star_nocolor"></li>
       </ul>
       <p id="visitors">已有108人浏览过</p>
    </div>
    
    <div id="description" class="style1">
      <h2 class="title">Description:</h2>
      <p class="text">Learn the ropes, build your empire, and rule the streets of New York in a brand new strategy game! Join the Family today</p>
    </div>
    
    <div id="play" class="style1">
      <h2 class="title">How to play:</h2>
      <p class="text">Learn the ropes, build your empire, and rule the streets of New York in a brand new strategy game! Join the Family today</p>
    </div>
    
  </div>
  <!--content end-->
  
  <!--footer start-->
  <div data-role="footer" class="footer">
	<span style="display:none"><a id="button1" href="#page2" data-role="button" ></a></span>
    <div id ="block1" class="b3-l4" ></div>
	<script>
		addGameImageCssById("block1","page1");
	</script>
  </div>
  <!--footer start-->
  
</div>
<!--page end-->
<!--page start-->
<div data-role="page" class="out_box" id="page2">

  <!--header start-->
  <div data-role="header" id="header">
    <ul id="header_list">
       <li id="list1">logo</li>
       <li id="list2">
         <span id="left_button" class="public_button">Tolls</span>
         <span id="right_button" class="public_button">Games</span>
       </li>
       <li id="list3">share</li>
       <li id="list4">weibo</li>
    </ul>
  </div> 
  <!--header end-->
  
  <!--content start-->
  <div data-role="content" id="content">
  
    <!--content_top start-->
    <div id="content_top">
      <h1 class="left_title">zynga&nbsp;&nbsp;poker</h1>
      <div class="right_button">Start</div>
    </div>
    <!--content_top end-->
    
    <div id="banner"><img src="<%=basePath1%>image/iphone/games_details/phone_game_con_pic.png" /></div>
    
    <div id="ranking">
       <ul id="star">
         <li class="star_color"></li>
         <li class="star_color"></li>
         <li class="star_color"></li>
         <li class="star_nocolor"></li>
       </ul>
       <p id="visitors">已有108人浏览过</p>
    </div>
    
    <div id="description" class="style1">
      <h2 class="title">Description:</h2>
      <p class="text">Learn the ropes, build your empire, and rule the streets of New York in a brand new strategy game! Join the Family today</p>
    </div>
    
    <div id="play" class="style1">
      <h2 class="title">How to play:</h2>
      <p class="text">Learn the ropes, build your empire, and rule the streets of New York in a brand new strategy game! Join the Family today</p>
    </div>
    
  </div>
  <!--content end-->
  
  <!--footer start-->
  <div data-role="footer" class="footer">
	<span style="display:none"><a id="button2" href="#page1" data-role="button" data-direction="reverse" ></a></span>
    <div id ="block2" class="b3-l4" ></div>
	<script>
		addGameImageCssById("block2","page2");
	</script>
  </div>
  <!--footer start-->
  
</div>
<!--page end-->
<!--page start-->
<div data-role="page" class="out_box" id="page3">

  <!--header start-->
  <div data-role="header" id="header">
    <ul id="header_list">
       <li id="list1">logo</li>
       <li id="list2">
         <span id="left_button" class="public_button">Tolls</span>
         <span id="right_button" class="public_button">Games</span>
       </li>
       <li id="list3">share</li>
       <li id="list4">weibo</li>
    </ul>
  </div> 
  <!--header end-->
  
  <!--content start-->
  <div data-role="content" id="content">
  
    <!--content_top start-->
    <div id="content_top">
      <h1 class="left_title">zynga&nbsp;&nbsp;poker</h1>
      <div class="right_button">Start</div>
    </div>
    <!--content_top end-->
    
    <div id="banner"><img src="<%=basePath1%>image/iphone/games_details/phone_game_con_pic.png" /></div>
    
    <div id="ranking">
       <ul id="star">
         <li class="star_color"></li>
         <li class="star_color"></li>
         <li class="star_color"></li>
         <li class="star_nocolor"></li>
       </ul>
       <p id="visitors">已有108人浏览过</p>
    </div>
    
    <div id="description" class="style1">
      <h2 class="title">Description:</h2>
      <p class="text">Learn the ropes, build your empire, and rule the streets of New York in a brand new strategy game! Join the Family today</p>
    </div>
    
    <div id="play" class="style1">
      <h2 class="title">How to play:</h2>
      <p class="text">Learn the ropes, build your empire, and rule the streets of New York in a brand new strategy game! Join the Family today</p>
    </div>
    
  </div>
  <!--content end-->
  
  <!--footer start-->
  <div data-role="footer" class="footer">
    <div id ="block3" class="b3-l4" ></div>
	<script>
		addGameImageCssById("block3","page3");
	</script>
  </div>
  <!--footer start-->
  
</div>
<!--page end-->
</body>
</fmt:bundle>
</html>